<!DOCTYPE html>
<html lang="en">
    <head>
        <!-- Google Fonts Pre Connect -->
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <!-- Meta Tags -->
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <!-- Fonts Links (Roboto 400, 500 and 700 included) -->
        <link rel="stylesheet"
            href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap">

        <!-- CSS Files Links -->
        <link rel="stylesheet" href="./styles.css">

        <!-- Title -->
        <title>Simple Page</title>
    </head>
    <body>
        <header>
            <h1>HTML5 Template</h1>
        </header>

        <main>
            <style>
                table {
                    text-align: center;
                    border-collapse: collapse;
                }
            </style>
            <table>
                <tr>
                    <thead>
                        <th>姓名</th>
                        <th>昵称</th>
                        <th>手机号码</th>
                        <th>邮箱</th>
                        <th>部门</th>
                        <th>角色</th>
                        <th>状态</th>
                        <th>操作</th>
                    </thead>
                </tr>
                <tbody id="tbody">
                </tbody>
            </table>
            <button id="mybutton">查询用户</button>

            <form>
                <label>Name</label>
                <input type="text" id="name" name="name"><br>

                <label>NickName</label>
                <input type="text" id="name" name="name"><br>

                <label>UserName</label>
                <input type="text" id="name" name="name"><br>


            </form>
         
        </main>

        <footer>

            <button id="presPageButton">上一页</button>
            <label id="currentPageLabel">12</label>
            <button id="nextPageButton">下一页</button>
         
        </footer>

        <noscript>Your browser don't support JavaScript!</noscript>
        <script src="./scripts.js"></script>
    </body>
</html>